@import './variables.scss';
@import './mixin.scss';

html,body .app {
  color: #333333;
  font-family: Arial, Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, sans-serif;
  background-color: $background-color;

}
.line2{
   text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;

}
.flex-btw{
  display: flex;
  justify-content: space-between;
}
.index-container{
  max-width: 375px;
  margin: 0 auto;
}
 .van-tabbar, .van-nav-bar{
        max-width: 100% !important;
        margin: 0 auto;
        left: 0 !important;
        margin-left:0 !important;
  }
a{
  display: block;
}
.van-nav-bar{
  position: fixed !important;
  top: 0;
  z-index: 22;
  width: 100%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.line1{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.app-container {
  padding-bottom: 50px;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.ov{
  overflow: hidden;
}
.van-nav-bar .van-icon{
	color: #333 !important;
}
.flip-clock__piece{
  margin-right: 6px !important;
  color: #5e5e5e !important;
}

 .flip-card__top[data-v-78efe7f6], .flip-card__bottom[data-v-78efe7f6], .flip-card__back-bottom[data-v-78efe7f6], .flip-card__back[data-v-78efe7f6]::before, .flip-card__back[data-v-78efe7f6]::after{
  color: #FF7900 !important;
  background-color: transparent !important;
  background-image: url(../img/fangbg1.png) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-weight: 400 !important;
  width: 43px !important;
  padding-top: 8px !important;
   background-repeat: no-repeat;
   background-size: 100% 100% !important;
   box-sizing: border-box;
}



 .flip-card__bottom[data-v-78efe7f6], .flip-card__back-bottom[data-v-78efe7f6], .flip-card__bottom-4digits[data-v-78efe7f6], .flip-card__back-bottom-4digits[data-v-78efe7f6]{
 color: #FF7900 !important;
 background-color: transparent !important;
   background-image: url(../img/fangbg2.png) !important;
 border: 0 !important;
 border-radius: 0 !important;
 font-weight: 400 !important;
 width: 43px !important;
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
 padding-top: 8px !important;
 box-sizing: border-box;
}

.flip-card__bottom[data-v-78efe7f6]::after, .flip-card__back-bottom[data-v-78efe7f6]::after, .flip-card__bottom-4digits[data-v-78efe7f6]::after, .flip-card__back-bottom-4digits[data-v-78efe7f6]::after{
  margin-top: 25px;
  //margin-left: -3px;
}
.flip-card{
  font-size: 28px !important;
}
.flip-clock__slot{
  font-size: 12px !important;
}

.van-loading{
    text-align: center !important;
  }
  [v-cloak] {
    display: none !important;
  }

.flip-card__bottom[data-v-78efe7f6], .flip-card__back-bottom[data-v-78efe7f6], .flip-card__bottom-4digits[data-v-78efe7f6], .flip-card__back-bottom-4digits[data-v-78efe7f6]{
   background-color: transparent !important;
}
.text-sm{
  text-align: center;
}
